<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>贝之坊</title>

    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/reset.css">

</head>
<body>

<!----------------导航部分------------>
<header>
    <!--container 容器-->
    <!--top_nav 顶部导航-->
    <nav class="container top_nav clear">
        <ul class="left_nav clear">
            <li class="ttt">
                <img src="images/logo图片2.jpg" alt="" height="80px" width="160px" >
            </li>
            <li><a href="">北京贝之坊</a></li>
            <li><a href="">早教课程</a></li>
            <li><a href="">幼儿早教</a></li>
            <li><a href="">亲子早教</a></li>
            <li><a href="">儿童早教</a></li>
            <li><a href="">早教中心</a></li>
            <li><a href="">贝之坊加盟</a></li>
        </ul>
        <ul class="right_nav clear">
            <li><img src="images/PC图标-下载.png" alt="" width="30px" height="30px"></li>
            <li><img src="images/个人中心.png" alt="" width="30px" height="30px"></li>
        </ul>
    </nav>
</header>

<!----------------banner------------>
<div class="banner">
    <!--左右侧按钮-->
    <span class="left_button"><</span>
    <span class="right_button">></span>
    <!--小圆点-->
    <ul class="pointer clear">
        <li></li>
        <li class="action"></li>
        <li></li>
    </ul>
</div>

<!--------------------文案-------------->
<div class="content">
    <h3>贝之坊科学早教</h3>
    <p>贝之坊的核心目标是促进儿童的心里构建和拓展，是家庭教育的促进者和示范者</p>
</div>

<!----------------资质介绍------------------->
<div class="description">
    <ul class="container">
        <li><img src="images/12.gif" alt=""></li>
        <li><img src="images/100.gif" alt=""></li>
        <li><img src="images/180.gif" alt=""></li>
        <li><img src="images/5w.gif" alt=""></li>
    </ul>
</div>

<!--------------免费预约体验课---------------->
<!--按钮-->
<div class="free container">
    <span>免费预约体验课></span>
</div>
<!--课程-->
<div class="baby_class container clear">
    <div class="left_content"></div>

    <div class="right_content clear">
        <ul>
            <li><img src="images/早教课程图.png" alt=""></li>
            <li>baby早教课程</li>
        </ul>
        <ul>
            <li><img src="images/网球课程图.jpg" alt=""></li>
            <li>儿童网球动作教学课程</li>
        </ul>
        <ul>
            <li><img src="images/智力开发图.jpg" alt=""></li>
            <li>婴儿智力开发课程</li>
        </ul>
        <ul>
            <li><img src="images/手工图.jpg" alt=""></li>
            <li>婴儿手工制作课程</li>
        </ul>
    </div>
</div>

<!------------------------底部------------------>
<!--星空-->
<div class="vip"></div>
<!--我们的承诺-->
<div class="our container">
      <div class="container"><h3>我们的承诺</h3></div>
      <div class="money container clear">
          <ul class="aaa clear">
              <li><img src="images/退款承诺.png" alt=""></li>
              <li class="ziti">退款承诺</li>
              <li class="bbb">对课程或服务不满意，可在开课（包括 <br>
                  主修课和公开课）后30天内，并且上课 <br>
                  少于12节向我们提出“无条件全额退 <br>
                  款”申请。</li>
          </ul>

          <ul>
              <li><img src="images/服务承诺.png" alt=""></li>
              <li class="ziti">服务承诺</li>
              <li class="bbb">付费后，每位学员都会与VIPKID签订 <br>
                  一份购买协议，我们向学员保障服务水平。
              </li>
          </ul>

          <ul>
              <li><img src="images/师资承诺.png" alt=""></li>
              <li class="ziti">师资承诺</li>
              <li class="bbb">VIPKID一贯坚持“纯北美外教，纯美国教材 <br>
                  “的教学理念，我们保证外教的优质教学水平。
              </li>
          </ul>
      </div>
</div>
<!--页脚-->
<div class="foot container clear">
    <div class="fff">
        <div class="ccc">
            <ul class="clear">
                <li><a href="">关于我们</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">加入我们</a></li>
                <li><a href="">媒体报道</a></li>
                <li><a href="">渠道合作</a></li>
                <li><a href="">常用软件</a></li>
                <li><a href="">常见问题</a></li>
                <li><a href="">Teacher Recruitment</a></li>
            </ul>
        </div>
        <div class="ddd">
            <ul class="clear">
                <li class="eee"><a href="">客服电话：1010-1613</a></li>
                <li><a href="">(工作时间 周一至周日 08:30~22:00)</a></li>
            </ul>
        </div>
    </div>

    <div class="ggg">
        <h4>关注我们</h4>
    </div>

    <div class="hhh">
        <ul class="clear">
            <li><img src="images/微信.png" alt=""></li>
            <li><img src="images/新浪.png" alt=""></li>
        </ul>
    </div>

    <div class="iii">
        <ul>
            <li><a href="">京ICP备 14002500号 北京大米科技有限公司 <br>公司地址：北京市东城区地安门东大街89号16幢2层201</a></li>
        </ul>
    </div>

</div>
</body>
</html>